<template>
	<div class="agreement-container">
		<div class="agreement-header">
			<h1>用户协议</h1>
			<p class="version-info">版本号：V1.0.0 | 生效日期：2025年10月21日</p>
			<p class="company-info">湖南锦田科技有限公司 保留所有权利</p>
		</div>

		<div class="agreement-content">
			<section>
				<h2>一、总则</h2>
				<p>1.1
					本协议是您（以下简称"用户"）与湖南锦田科技有限公司（以下简称"锦田科技"）之间就使用"云手机PC端应用"（以下简称"本应用"）所提供的各项服务（包括但不限于云手机远程控制、自动化运营、网络代理、云盘存储及相关增值服务）所订立的有效协议。
				</p>
				<p>1.2 您在注册或使用本应用服务前，应仔细阅读并理解本协议全部条款。您点击"同意"或实际使用本服务，即视为已接受本协议，与锦田科技建立服务合同关系。</p>
				<p>1.3 锦田科技有权根据业务调整对本协议进行修改，修改后将通过本应用公告或弹窗通知，您继续使用服务即视为同意修改后的条款。</p>
			</section>

			<section>
				<h2>二、服务内容与使用规则</h2>
				<p>2.1 本应用提供以下核心服务：</p>
				<ul>
					<li>云手机远程操控：用户可通过PC端远程访问、控制云端虚拟手机设备；</li>
					<li>自动化运营：支持用户配置脚本实现云手机自动化操作（需遵守相关法律法规及平台规则）；</li>
					<li>网络代理：提供合规网络加速服务，仅限用户在中国大陆地区合法使用；</li>
					<li>云盘服务：为用户提供文件存储、同步及管理服务，用户需对存储内容负责。</li>
				</ul>
				<p>2.2 账号规则：</p>
				<ul>
					<li>您需使用真实手机号或邮箱注册账号，妥善保管账号信息，因账号泄露导致的损失由您自行承担；</li>
					<li>账号仅限本人使用，禁止出租、出借、转让或用于违法活动，否则锦田科技有权冻结或封禁账号。</li>
				</ul>
				<p>2.3 禁止行为：</p>
				<ul>
					<li>利用本应用从事违反国家法律法规、损害社会公共利益或他人合法权益的活动；</li>
					<li>通过自动化脚本实施批量注册、刷量、恶意攻击等破坏服务公平性的行为；</li>
					<li>未经授权获取或泄露其他用户数据、破解云手机系统或绕过服务限制；</li>
					<li>存储、传播违法违规内容（如色情、暴力、盗版软件等）。</li>
				</ul>
			</section>

			<section>
				<h2>三、服务付费与退款</h2>
				<p>3.1 本应用部分服务为付费服务（如云手机时长、云盘扩容、代理流量等），具体价格以服务页面展示为准。</p>
				<p>3.2 付费后，服务周期自购买成功时起算，非因服务故障导致的退款需求，将根据实际使用情况按比例退还（特殊活动商品除外）。</p>
				<p>3.3 如因系统故障导致服务不可用，您可申请全额退款或延长相应服务时长。</p>
			</section>

			<section>
				<h2>四、知识产权</h2>
				<p>4.1 本应用的软件程序、界面设计、商标、文字内容等知识产权归锦田科技所有，受法律保护。</p>
				<p>4.2 您在使用服务过程中产生的内容（如上传的文件、配置的脚本），知识产权归您所有，但您授予锦田科技非独占、免费的使用权，用于提供服务及技术优化。</p>
			</section>

			<section>
				<h2>五、免责条款</h2>
				<p>5.1 因不可抗力（如地震、网络中断）或第三方服务故障导致服务中断的，锦田科技将尽力恢复，但不承担赔偿责任。</p>
				<p>5.2 您因使用第三方软件、插件或通过非官方渠道使用本服务导致的损失，锦田科技不承担责任。</p>
				<p>5.3 您需自行对云手机内的数据进行备份，锦田科技不对非因自身过错导致的数据丢失负责。</p>
			</section>

			<section>
				<h2>六、协议终止</h2>
				<p>6.1 您可随时注销账号终止服务，注销后相关数据将按《隐私政策》进行处理。</p>
				<p>6.2 如您违反本协议，锦田科技有权暂停或终止服务，且不退还已支付费用。</p>
			</section>

			<section>
				<h2>七、争议解决</h2>
				<p>7.1 因本协议引起的争议，双方应友好协商；协商不成的，任何一方可向锦田科技所在地（湖南省长沙市）有管辖权的法院提起诉讼。</p>
			</section>

			<section>
				<h2>八、联系我们</h2>
				<p>如对本协议有疑问，可通过以下方式联系：</p>
				<p>客服邮箱：support@jingtiantech.com</p>
				<p>客服电话：400-XXXX-XXXX（工作日 9:00-18:00）</p>
			</section>
		</div>

		<div class="agreement-footer" v-if="needConfirm">
			<el-button @click="onCancel">取消</el-button>
			<el-button type="primary" @click="onAgree">我已阅读并同意</el-button>
		</div>
	</div>
</template>

<script setup lang="ts">
	import { defineProps, defineEmits } from 'vue';

	// 可通过props控制是否显示确认按钮
	const props = defineProps<{
		needConfirm ?: boolean; // 是否需要用户确认（如注册页）
	}>();

	const emit = defineEmits<{
		(e : 'agree') : void;
		(e : 'cancel') : void;
	}>();

	const onAgree = () => {
		emit('agree');
	};

	const onCancel = () => {
		emit('cancel');
	};
</script>

<style scoped>
	.agreement-container {
		max-width: 1000px;
		margin: 0 auto;
		padding: 20px;
		font-family: 'Microsoft YaHei', sans-serif;
		color: #333;
	}

	.agreement-header {
		text-align: center;
		margin-bottom: 30px;
	}

	.agreement-header h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.version-info,
	.company-info {
		color: #666;
		font-size: 14px;
		margin: 5px 0;
	}

	.agreement-content {
		line-height: 1.8;
		font-size: 16px;
	}

	section {
		margin-bottom: 25px;
	}

	section h2 {
		font-size: 18px;
		margin: 15px 0;
		color: #222;
	}

	ul {
		margin: 10px 0 10px 20px;
	}

	.agreement-footer {
		margin-top: 40px;
		display: flex;
		justify-content: center;
		gap: 20px;
	}
</style>